<template>
  <div>
    <p>{{msg}}</p>
    <button @click="fn">点我翻转</button>
  </div>
</template>

<script>
export default {
data(){
  return{
msg:'ZSW'
  }
},
methods:{
  fn(){
// console.log('巍峨');
// 1. 给按钮绑定点击事件
//       2. 点击后将 msg 字符串转成数组.split('')
//       3. 将数组进行翻转.reverse()
//       4. 再将翻转后的数组转成字符串.join('')
//       5. 将字符串覆盖给 msg 

this.msg=this.msg.split('').reverse().join('')
console.log(this.msg);
  }
}
}
</script>

<style>

</style>